<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		.input{
			margin: 10px;
		}
		.input label{
			color: #606266;
			padding: 10px;
		}
		.input input{
			width: 200px;
			line-height: 15px;
			outline: #2d8cf0;
			padding: 10px;
			border: 1px solid #2d8cf0;
			border-radius: 4px;
			color:  #606266;
		}
		.input input:focus{
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
			border: 1px solid #F56C6C;
		}
	</style>
	<body>
		<div class="div">
			<div class="input">
				<label>姓名</label>
				<input />
			</div>
		</div>
	</body>
</html>